<template>
    <div class="zothertop">
      <div class="topcenter">
        <router-link to="/main" tag="b">
        <img src="../images/icon_bangzhu_left.png">
        </router-link>
        <span class="gbeauty">{{ topname }}</span>
        <img src="../images/icon_BANNER_1.png">
      </div>
    </div>
</template>
<script>
  export default {
    name: 'zothertop',
    props:['topname'],
    data() {
      return {

      }
    }
  }

</script>

<style lang="less" scoped>
.zothertop{
  height: 88/75rem;
  background-color: #ff406f;
  font-family: "苹方常规";
  font-size: 36/75rem;
  color: #fff;
  text-align: center;
  line-height: 88/75rem;
}
b{
  float: left;
}
.topcenter{
  margin: 0 20/75rem;
}
img{
  height: 46/75rem;
  width: 46/75rem;
  display: block;
  margin-top:21/75rem;
  float: left;
}
img:last-child{
  float: right;
}
.clearfix:after{
    height:0;
    content:" ";
    display:block;
    overflow:hidden;
    clear:both;
  }
.clearfix{
  zoom:1;
}

</style>
